<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <title>流量卡</title>
    <link rel="stylesheet" href="https://cdn.91haoka.cn/vant.css"/>
    <script src="https://cdn.91haoka.cn/vue.min.js"></script>
    <script src="https://cdn.91haoka.cn/vantall.js"></script>
		<script src="https://cdn.91haoka.cn/qs.min.js"></script>
	<script src="https://cdn.91haoka.cn/clipboard.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="https://cdn.rockysports.cn/moment.js" type="text/javascript" charset="utf-8"></script>


  </head>
  <body>
    <div id="app"></div>
  </body>
  <style type="text/css">
    *{ box-sizing: border-box;}
    html,body{background: #eee; }
/* padding-bottom: calc(0.2rem + env(safe-area-inset-bottom)); */
    .flex{ display: flex; flex-wrap: wrap; font-size: 12px;}
    .flexb{ display: flex; flex-wrap: wrap; justify-content: space-between;}
    .flexc{ align-items: center;  flex-wrap: wrap; display: flex;}
	.flexcc{ align-items: center;  justify-content: center; flex-wrap: wrap; display: flex;}
	.flexbc{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
    .da{ font-size: 0.3rem;}
    .xiao{ font-size: 0.25rem;}
    .all{ padding: 0.4rem;}
    .bor3{ border-radius: 0.05rem;}
    .hei{ color: #2D3038;}
    .hui{ color: #93959B;}
    .lan{ color: #C6D1F2;}
    .bai{ color: #FFFFFF;}
    .red{ color: #FF6367;}
    .huang{ color: #FFB300;}
    .cu{ font-weight: bold;}
    .btn{background: #FFB300; color:#FFFFFF; text-align: center; line-height: 0.82rem; font-size: 0.32rem; font-weight: bold; border-radius: 0.1rem;}
    .ju{ color: #FF3400;}
    .juzhong{ text-align: center;}

  </style>
  <script type="text/javascript">
    var h = document.documentElement.clientWidth / 7.5 + 'px';
        document.documentElement.style.fontSize = h;
  </script>
</html>
